<script>
$(document).ready(function() {
    list_kota = $('#list_kota_user').dataTable( {
		"bJQueryUI": true,
        "aLengthMenu": [[10,25,50, 100, -1], [10,25,50,100, "All"]],
		"sPaginationType": "full_numbers",
		"oLanguage": {
            "sLengthMenu": "Menampilkan _MENU_ data",
            "sZeroRecords": "Belum ada data User yang tersimpan",
            "sInfo": "",
            "sInfoEmpty": "",
            "sInfoFiltered": "(Hasil filter dari _MAX_ yang didapat)"
        }
    } );
	$('#filter_kota').change(function(){
		kota = $('#filter_kota').val();
		if(kota=='SEMUA'){
			list_kota.fnFilter('',2);
		}else{
			list_kota.fnFilter(kota,2);
		}
	});
} );
</script>
<?php
$data['cur_parent_menu']='master';
$data['cur_selected_menu']='kota';
$this->load->view('template/menu_view',$data);
?>
<br/><br/><br/><br />
<div class="gridcenter" style="font-family: 'open sans',arial,sans-serif;font-size: 18px;font-weight:bold;color:#666666;">Daftar User</div>

<br/>
<div class="demo_jui datagrid gridcenter">
<?php 
$opt = array('SEMUA'=>'SEMUA');
for($i=0;$i<count($daftar_kota_user);$i++){
	if(!empty($daftar_kota_user[$i]['nama_kota']))
		$opt[$daftar_kota_user[$i]['nama_kota']]=$daftar_kota_user[$i]['nama_kota'];
}
echo form_dropdown('filter_kota', $opt,'','id="filter_kota"');
?>
<br/>
<br/>
<table id="list_kota_user" cellpadding="0" cellspacing="0" border="0" class="display">
	<thead>
		<tr>
			<th>No</th>
			<th>Nama</th>
			<th>Kota</th>
			<th>Aksi</th>
		</tr>
	</thead>
	<tbody>
		<?php for($i=0;$i<count($daftar_kota_user);$i++){?>
		<tr>
			<td align="center"><?php echo ($i+1)?></td>
			<td align="center"><?php echo $daftar_kota_user[$i]['nama_user']?></td>
			<td align="center"><?php echo $daftar_kota_user[$i]['nama_kota']?></td>
			<td align="center"><a href="<?php FEE?>form_edit_kota_user/<?php echo $daftar_kota_user[$i]['user_id']?>">Edit</a></td>
		</tr>
		<?php } ?>
	</tbody>
</table>
</div>